<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mission USA</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" type="text/css" href="css/demo1.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
    <link rel="stylesheet" type="text/css" href="css/style2.css" />
      <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/custom.css">
    
    <!--footer crousal script-->
  	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>	
    <script src="carouselengine/amazingcarousel.js"></script>
    <link rel="stylesheet" type="text/css" href="carouselengine/initcarousel-1.css">
    <script src="carouselengine/initcarousel-1.js"></script>  
    <!--footer crousal script-->

    <script src="js/vendor/modernizr.js"></script>
    
    <script src="js/bjqs-1.3.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
		<script src="js/jquery.zaccordion.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("pre.js").each(function(index) {
					eval($(this).text());
				});
			});
		</script>
		<?php 	include("class/config.php");
				include("class/cls_banner.php"); ?>
	</head>
  </head>
  <body>
    
    
    <!--banner ends here-->
    
   <?php include("includes/header.php");?>
    <!--menu ends here-->
    
    <?php //banner 
     include("includes/mainslider.php");?>
    
    <div class="row">
      <div class="large-4 columns">
       	<div class="box">
        	<div class="top">
            <div class="arrow-right"></div>
            <h4>Success Stories</h4>
            </div>
            	<div class="image"><img src="img/student.png"></div>
              <div class="student_description">
                <p>Full Name</p>
                <p>Purbanchal University</p>
              </div>
        </div>
      </div>
      <div class="large-8 columns">
       <div id="example4">
				<ul>
					<li class="frame-0">
						<div class="frame-content">
							<h3>Lorem ipsum dolor sit</h3>
							<p>Vivamus vel neque nec est hendrerit aliquet. Donec sed cursus sapien. Aenean auctor egestas turpis nec aliquam.</p>
						</div>
					</li>
					<li class="frame-1">
						<div class="frame-content">
							<h3>Donec a elit nisi</h3>
							<p>Proin sit amet massa vel elit pulvinar hendrerit eu nec odio. Maecenas faucibus odio sit amet nunc semper accumsan.</p>
						</div>
					</li>
					<li class="frame-2">
						<div class="frame-content">
							<h3>Duis vitae suscipit neque</h3>
							<p>Nunc porta commodo dolor, in vestibulum neque ullamcorper non. Nunc elementum ante in metus mollis sit amet consequat justo facilisis.</p>
						</div>
					</li>
					<li class="frame-3">
						<div class="frame-content">
							<h3>Sed a scelerisque lorem</h3>
							<p>Phasellus non ante in lectus eleifend scelerisque ut eget velit.</p>
						</div>
					</li>
				</ul>
			</div>
      </div>
    </div>
    <div class="divider"></div>
    
    <!--accordian ends here-->
    
    <div class="row">
      <div class="large-6 columns">
       	<div class="box">
        	<div class="top">
            <div class="arrow-right"></div>
            <h4>Videos</h4>
            </div>
            	
                <video width="100%" controls>
                  <source src="video/Wildlife.wmv" type="video/mp4">
                  Your browser does not support HTML5 video.
                </video>
              
        </div>
      </div>
      <div class="large-6 columns">
       <div class="box">
        	<div class="top">
            <div class="arrow-right"></div>
            <h4>Galleries</h4>
            </div>
            	
      <div class="banner-fade">

        <!-- start Basic Jquery Slider -->
        <ul class="bjqs">
          <li><img src="img/banner01.jpg" title="Automatically generated caption"></li>
          <li><img src="img/banner02.jpg" title="Automatically generated caption"></li>
          <li><img src="img/banner03.jpg" title="Automatically generated caption"></li>
        </ul>
        <!-- end Basic jQuery Slider -->

      </div>
      <!-- End outer wrapper -->
              
        </div>
      </div>
    </div>

    <div class="divider"></div>
    <!--video and galleries ends here-->
    
      <div class="row">
      <div class="large-8 columns">
       	<div class="box">
        	<div class="top">
            <div class="arrow-right"></div>
            <h4>Facilities</h4>
            </div>
            	<ul>
                	<li>
                    	<img src="img/internet.png" alt="internet">
                        <p>Internet Facilities</p>
                    </li>
                    <li>
                    	<img src="img/library.png" alt="library" >
                        <p>Library Facilities</p>
                    </li>
                    
                    <li>
                    	<img src="img/parking.png" alt="parking">
                        <p>Parking Facilities</p>
                    </li>
                    
                    <li>
                    	<img src="img/lab.png" alt="Lab">
                        <p>Well equipped computer lab</p>
                    </li>
                </ul>
        </div>
      </div>
      <div class="large-4 columns">
       <div class="box">
        	<div class="top">
            <div class="arrow-right"></div>
            <h4>News and Announcement</h4>
            </div>
            	<p>
                	 is simply dummy text of the printing and typesetting industry. Lorem Ipsum
                </p>
                
                <p>
                	 is simply dummy text of the printing and typesetting industry. Lorem Ipsum
                </p>
              
        </div>
      </div>
    </div>

    <div class="divider"></div>
    <!--video and galleries ends here-->
    
	<?php include("includes/visaupdates.php");?>
    <div class="divider"></div>
    <!--visa updates ends here-->
    
   <?php include("includes/footer.php");?>
    
    
   

  </body>

 <script src="js/foundation.min.js"></script>
    <script>
      $(document).foundation();
    </script>

    <script type="text/javascript" src="js/jquery.cslider.js"></script>
    <script type="text/javascript">
      $(function() {
      
        $('#da-slider').cslider({
          autoplay  : true,
          bgincrement : 450
        });
      
      });
    </script> 
    
    <script class="secret-source">
        jQuery(document).ready(function($) {

          $('.banner-fade').bjqs({
           
            responsive  : true
          });

        });
      </script>
      
       <script>
$(document).ready(function() {
	$("#example4 ul").zAccordion({
		slideWidth: 537,
		width: 637,
		height: 250,
		timeout: 3000,
		slideClass: "frame"
	});
});
</script>

</html>
